.header-top{               /*设置页面顶部容器的样式*/
    height: 100%;         /*容器高度100%*/
    vertical-align: middle;      /*垂直方向居中对齐*/
    margin-bottom: 16px;     /*下外边距16px*/
    margin-top: 16px;      /*上外边距16px*/
    overflow: hidden;    /*溢出隐藏*/
}
.header-top .width-center {    /*设置顶部内容的左内边距*/
    padding-left: 20px;      /*左内边距20px*/
}
.width-center{        /*设置顶部内容的样式*/
    max-width: 1100px;  /*最大宽度1100px*/
    margin :0 auto;   /*自动水平居中*/
    overflow: hidden;  /*溢出隐藏*/
}
.header-title{              /*设置标题文字样式*/
    font-family: "微软雅黑";
    margin-left: 12px;     /*左外边距12px*/
    margin-top: 1px;      /*上外边距1px*/
    float: left;         /*向左浮动*/
}
.div-inline{                /*设置标题文字的样式*/
    display: inline-block;   /*将对象设置为内联对象，对象的内容作为块对象显示*/
    height: 100%;
    vertical-align: middle;  /*垂直方向居中对齐*/
}
.div-inline strong {         /*设置主标题文字样式*/
    font-family: "微软雅黑";
    font-size: 30px;         /*文字大小30px*/
    color: #28905a;          /*绿色文字*/
}
.div-inline span{             /*设置副标题文字的样式*/
    display: block;            /*显示为块级元素*/
    margin: -2px 0 0 2px;      /*上、右、下、左外边距依次为-2px、0、、0、2px*/
}
.header-logo{                 /*设置网站logo图像的样式*/
    display: inline-block;    /*将对象设置为内联对象，对象的内容作为块对象显示*/
    float: left;              /*向左浮动*/
}
.header-right{                 /*设置右侧资讯热线区域的样式*/
    float: right;              /*向右浮动*/
}
.header-right span{         /*设置资讯热线内容的样式*/
    display: block;          /*显示为块级元素*/
    font-family: 微软雅黑;
    font-size: 16px;             /*文字大小16px*/
}